<template>
  <label class="checkbox-filter">
    <input type="checkbox" class="mr-2" v-model="checked">
    <span>{{ label }}</span>
  </label>
</template>

<script>
export default {
  name: 'CheckboxFilter',
  props: ['label'],
  data () {
    return { checked: false }
  }
}
</script>

<style scoped>
.checkbox-filter{display:flex;align-items:center;margin-bottom:8px;cursor:pointer;}
input{accent-color:#8B5A2B;}
</style>